@foreach($thingsData['data'] as $thingsVal )

    <div class="r-item" data-things-id="{{ $thingsVal['id'] }}">
        <div class="head-img">
            <img src="{{ img_url($thingsVal['villager']['head_portrait_url']) }}" alt="">
        </div>

        <div class="r-content">
            <div class="follow-btn">关注</div>
            <div class="author">{{ $thingsVal['villager']['real_name'] ? $thingsVal['villager']['real_name'] : $thingsVal['villager']['user_name'] }}</div>
            <div class="publish-time">{{ $thingsVal['created_at'] }}</div>
            <div class="title">
                @if ($thingsVal['region_info'])
                    <span class="checked">【{{ $thingsVal['region_info']['region_name'] }}】</span>
                @endif
                {{ $thingsVal['content'] }}
            </div>

            @if ($thingsVal['imgs_url'])
                <div class="img-list" id="c_imgs{{ $thingsVal['id'] }}">
                    @foreach($thingsVal['imgs_url'] as $imgsUrlVal)
                        <div><img src="{{ $imgsUrlVal }}" alt=""></div>
                    @endforeach
                </div>
                <script>
                    ImagePreview.init({id:$("#c_imgs"+'{{ $thingsVal['id'] }}'+" div img")});
                </script>
            @endif

            @if ($thingsVal['video_url'])
                <div class="video-info">
                    <div id="mui-player{{ $thingsVal['id'] }}" class="video-div"></div>
                </div>
                <script>
                    var mp = new MuiPlayer({
                        container:'#mui-player'+'{{$thingsVal['id']}}',
                        title:'',
                        src:'{{ $thingsVal['video_url'] }}',
                        poster:'{{ $thingsVal['video_img_url'] }}',
                        videoAttribute:[
                            {attrKey:'webkit-playsinline',attrValue:''},
                            {attrKey:'playsinline',attrValue:''},
                            {attrKey:'x5-playsinline',attrValue:''},
                            {attrKey:'t7-video-player-type',attrValue:'inline'},
                            {attrKey:'x5-video-player-type',attrValue:'h5-page'},
                            {attrKey:'x-webkit-airplay',attrValue:'allow'},
                            {attrKey:'controlslist',attrValue:'nodownload'},
                        ],
                        plugins: [
                            typeof MuiPlayerDesktopPlugin == 'function' ? new MuiPlayerDesktopPlugin({}) : {},
                        ]
                    });
                </script>
            @endif

            <div class="clear"></div>

            <div class="r-opt">
                <a class="share-num">{{ $thingsVal['share_num'] }}</a>
                <a class="common-num" onclick="common_list('{{ $thingsVal['id'] }}', 1)">
                    {{ $thingsVal['comment_num'] }}
                </a>
                <a class="zan-num">{{ $thingsVal['zan_num'] }}</a>
            </div>
        </div>

    </div>
    
@endforeach

@if ($thingsData['next_page_url'])
    <input type="hidden" name="reservation_list" value="{{ $thingsData['next_page_url'] }}">
@endif